<template>
    <div-row :obj="obj" class="module-step">
        <el-steps :active="1" align-center>
            <el-step v-for="(item, index) in obj.imgTextBox" :style="{paddingTop: (obj.fontSize-60)+'px'}" :key="index">
                <template slot="title">
                    <span>{{ item.title }}</span>
                </template>
                <template slot="description">
                    <span>{{ item.desc }}</span>
                </template>
                <template slot="icon">
                    <i v-if="item.icon" :style="{fontSize: obj.fontSize+'px'}" class="iconfont" :class="item.icon?item.icon: ''"/>
                    <img v-else-if="item.imgUrl" :src="item.imgUrl">
                </template>
            </el-step>
        </el-steps>
    </div-row>
</template>
<script>

export default {
    name: 'Steps',
    props: {
        obj: {
            type: Object
        }
    }
}
</script>
